<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name='keywords' content='云竹众包'>
    <meta name='description' content='云竹众包'>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>发布任务-条件</title>

    <link rel="stylesheet" href="/yunzhuVue/build/css/base.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/int.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/task-publish.css">
</head>
<body>
<!-- 任务进程 -->
<section id="task-flow">
    <div class="container">
        <div class="flow-body clearfix">
            <div class="flow-tags fl-tg3 flow-tags-actv">
                <div class="flow-line"></div>
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>托管保证金</h4>
                </div>
            </div>

            <div class="flow-tags fl-tg2 flow-tags-actv">
                <div class="flow-line"></div>
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>任务条件</h4>
                </div>
            </div>

            <div class="flow-tags fl-tg1 flow-tags-actv">
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>任务需求</h4>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 支付 -->
<section id="pay-account">
    <div class="container">
        <div class="member-main">
            <label class="pay-money-lay">你需要支付的保证金为：<strong id="pay-money">￥30,000</strong></label>
            <div class="member-body">

                <p>请及时支付，支付成功后您的任务将会正式发布</p>

                <div class="member-account clearfix">
                    <div class="act-balance">
                        <p>账户余额</p>
                        <h4>￥268,600</h4>
                    </div>

                    <div class="pay-button">
                        <a href="javascript:;" class="pay-btn">充值云币</a>
                        <a href="javascript:;" class="pay-btn pay-btn-actv">余额支付</a>
                    </div>
                </div>

                <div class="later-pay">
                    <p>注：保证金在订单验收后保证金将全数退回，但您仍需要在确认验收后及时支付服务方任务酬金。云币支持多种方式充值，余额可随时提出，信用分越高享有更多充值优惠</p>
                    <a href="javascript:;">稍后支付</a>
                </div>
            </div>
        </div>
    </div>
</section>


<script src="/yunzhuVue/plugin/jquery-3.1.1/jquery-3.1.1.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue-router/dist/vue-router.js"></script>

<script type="text/javascript" src="/yunzhuVue/plugin/laydate-master/laydate.js"></script>


<script>

    var start = {
        elem: '#cld-start',
        format: 'YYYY/MM/DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas){
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
            console.log(datas); //这就是点击得到的日期
        }
    };

    var end = {
        elem: '#cld-end',
        format: 'YYYY/MM/DD',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function(datas){
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };

    laydate(start);
    laydate(end);
</script>
</body>
</html>